<x-layout>
    <div class="web_list_page">
        <div class="wp">
            <div class="left">
                @if (!empty($nav->adv))
                <div class="left_banner">
                    <img src="{{ $nav->adv }}" alt="{{ $nav->name }}">
                </div>
                @endif
                <div class="chose_title">
                    <x-category :list="$categoryList" />

                    <x-tagList :list="$tagsList" />
                </div>

                <div class="list">
                    @if ($list->isEmpty())
                    <p style="text-align:center;padding-block: 20px; color: gray;">{{__('messages.empty')}}</p>

                    @else

                    @foreach ($list as $d)
                    <a href="/article/{{$d->id}}?type={{$id}}">
                        <x-item :data="$d" />
                    </a>
                    @endforeach

                    <div class="c"></div>
                    <div id="page">
                        {!! $list->appends([
                          'category_id'=> request('category_id'),
                          'tag'=> request('tag'),
                          ])->links() !!}
                    </div>
                    @endif
                </div>

            </div>

            <x-right>
                @if (!$recommendList->isEmpty())
                <div class="hot_list">
                    <div class="tit">
                        <h4><em></em>{{__('messages.recommend')}}</h4>
                    </div>
                    <div class="list_p">
                        @foreach($recommendList as $d)
                        <a href="/article/{{$d->id}}?type={{$id}}">
                            <p><em>■</em>{{$d->title}}</p>
                        </a>
                        @endforeach
                    </div>
                </div>
                @endif
            </x-right>

        </div>
    </div>

</x-layout>
